html, body, * {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
}



a, a:hover, a:link, a:visited, a:active {
	text-decoration: none !important;
}

a {
	color: #337ab7;
}


ul {
	margin: 0 !important;
}

li {
	list-style: none;
	text-decoration: none;
}


.link-color {
	color: #337ab7 !important;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


#app {
	height: 100%;
	min-height: 100%;
}

#container {
	margin: 0 auto;
	padding: 20px 4%;

	box-sizing: content-box;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */




/* color */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.c-red { color: red !important; }
.c-black { color: black !important; }
.c-green { color: green !important; }
.c-white { color: white !important; }

.bgc-red { background-color: red !important;; }
.bgc-black { background-color: black !important;; }
.bgc-green { background-color: green !important;; }
.bgc-lightgreen { background-color: lightgreen !important;; }
.bgc-lightcoral { background-color: lightcoral !important;; }


/* bootstrap 4 color */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.primary {
	background-color: #0069d9;
}

.secondary {
	background-color: #6C757D;
}

.success {
	background-color: #28A745;
}

.danger {
	background-color: #DC3545;
}

.warning {
	background-color: #FFC107;
}

.info {
	background-color: #17A2B8;
}

.light {
	background-color: #F8F9FA;
}

.dark {
	background-color: #343A40;
}

.link {
	background-color: #007BFF;
}



/* bootstrap 4 color */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


.bgc-primary { background-color: #0069d9; }
.bgc-secondary { background-color: #6C757D; }
.bgc-success { background-color: #28A745; }
.bgc-danger { background-color: #DC3545; }
.bgc-warning { background-color: #FFC107; }
.bgc-info { background-color: #17A2B8; }
.bgc-light { background-color: #F8F9FA; }
.bgc-dark { background-color: #343A40; }
.bgc-link { background-color: #007BFF; }


.c-primary { color: #0069d9; }
.c-secondary { color: #6C757D; }
.c-success { color: #28A745; }
.c-danger { color: #DC3545; }
.c-warning { color: #FFC107; }
.c-info { color: #17A2B8; }
.c-light { color: #F8F9FA; }
.c-dark { color: #343A40; }
.c-link { color: #007BFF; }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */




.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.h3, h3 {
	font-size: 24px;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */




.tabs {
	border-bottom: 1px solid #ddd;
}

.tabs > .tab {
	display: inline-block;
	position: relative;
	margin-right: 2px;
	padding: 10px 15px;

	color: #337AB7;
	cursor: pointer;
	border-radius: 4px 4px 0 0;
}


.tabs > .tab:hover,
.tabs > .tab:focus {
	color: #23527c;
	border-color: #eee #eee #ddd;
	background-color: #eee;
}

.tabs > .tab.active {
	color: #555;
	margin-bottom: -1px;
	border: 1px solid #ddd;
	border-bottom-color: white;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



.worn-tips {
	display: block;
	color: red;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



.required::before {
	content: "*";
	color: red;
	position: absolute;
	margin-left: -15px;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



table tr {
	line-height: 32px;
}

